/* pages/myInfo/myInfo.wxss */
page{
  background-color: #f5f5f5;
}
.my-info-box{
  width: 100%;
  .profile{
    width: 100%;
    height: 380rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    // background-color: saddlebrown;
    .avatar-container {
      width: 140rpx;
      height: 140rpx;
      border-radius: 70rpx;
      background-color: skyblue;
      padding: 0;
    }
    .change-text {
      margin-top: 20rpx;
      font-size: 32rpx;
    }
  }
  .nickName{
    height: 100rpx;
    line-height: 100rpx;
    // background-color: pink;
    border-top: 2rpx solid #dedede;
    border-bottom: 2rpx solid #dedede;
    display: flex;
    align-items: center;
    .my-input {
      height: 100rpx;
      padding-left: 30rpx;
    }
  }
  .confirm-button{
    width: 94%;
    margin: 120rpx auto 0rpx;
    height: 90rpx;
    background-color: #f39e00;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50rpx;
    color: #fff;
    .confirm {
      width: 100%;
      height: 90rpx;
      text-align: center;
      line-height: 90rpx;
    }
  }
}